<template>
  <div class="HelloView">
    <a-card title="公告" class="March">
      <a-card title="CAC—OJ正式上线啦" class="MarchCard">
        <template #extra>
          <a-button type="primary" shape="round" status="success">详情</a-button>
        </template>
        CAC—OJ初版体验于2025年3月2号完成，支持JAVA、CPP双语言的题目刷题。
      </a-card>
      <a-card title="比赛-计算机设计大赛" class="MarchCard">
        <template #extra>
          <a-button type="primary" shape="round" status="success">详情</a-button>
        </template>
        计算机设计大赛相关内容
      </a-card>
    </a-card>
  </div>
</template>

<script lang="ts">


const columns = [
  {
    title: "id",
    dataIndex: "id",
  },
  {
    title: "标题",
    dataIndex: "title",
  },
  {
    title: "内容",
    dataIndex: "content",
  },
  {
    title: "创建时间",
    dataIndex: "createTime",
    slotName: "createTime",
  },
];

import { defineComponent } from "vue";
export default defineComponent({
  name: "HomeView",
  components: {},
});
</script>

<style scoped>
.March {
  padding: 20px 150px;
  transition-property: all;
}
.MarchCard {
  margin-top: 25px;
}
</style>
